<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>选择列表示例</title>
    <link rel="stylesheet" href="../stylesheets/common.css" />
    <link rel="stylesheet" href="../stylesheets/table.css" />
    <link rel="stylesheet" href="../ext/zw/lui-v2.1/css/extension.css" />

</head>

<body>
    <div class="place">
        <span class="label-span">位置：</span>
        <ul id="place-list" class="place-ul">
            <li>
                首页
            </li>
        </ul>
    </div>
    <div class="body-warp">
        <div class="panel">
            <div class="panel-title">
                <i class="form-icon"></i>
                <span class="title-text">基本信息</span>
            </div>
            <div class="panel-body">
                <form>
                    <table class="form-table">

                        <tr>
                            <td>
                                <label class="form-label" for="search1">示例：弹出选择框（html直接输出）<b class="red">*</b></label>
                            </td>
                            <td>
                                <div id="selectbox10" class="panel-body">
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../ext/layer_v2/layer.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/common.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/luicontroller-advance.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/panelview.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/selectbox.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/extension.js"></script>

    <script>
        $(function () {
            var setting = {
                store: {
                    data: [
                        {
                            name: "刘备",
                            value: "msl",
                            checked: true,
						},
                        {
                            name: "曹操",
                            value: "cdm",
                            selected: true
				},
                        {
                            name: "孙权",
                            value: "yfp",
				}, {
                            name: "司马懿",
                            value: "yfp",
                            disabled: true
				}
		]
                },
                view: {}
            }


            //#01 纯选择列表示例

            var setting0101 = $.extend(true, {}, setting);
            var setting0102 = $.extend(true, {}, setting);
            var setting0103 = $.extend(true, {}, setting);
            var setting0104 = $.extend(true, {}, setting);
            var setting0105 = $.extend(true, {}, setting);
            var setting0106 = $.extend(true, {}, setting);
            var setting0107 = $.extend(true, {}, setting);
            var setting0108 = $.extend(true, {}, setting);
            var setting0110 = $.extend(true, {}, setting);


            se = $("#selectbox10").selectbox(setting0101);



            /* 初始化控件 */
            initWidget();

            /*侦听*/
            addListeners();

            $("#popup").click(function () {
                $("#selectPanelview").click()
            })
        });

        /*初始化控件*/
        function initWidget() {

        }

        //add check.js暴露方法，单独验证
        /*$("#search1").change(function () {
        	var ccc=$(this).check("expose").isEmpty($(this).val());
        })*/



        function addListeners(argument) {

        }
    </script>
</body>

</html>